<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <link rel="icon" href="img/p2.png">
    <link rel="stylesheet" href="css/login.css">
    <style type="text/css">
        body {
            background: url('img/background.jpg') no-repeat;
            background-size: 100% 100%;
            background-attachment: fixed;
        }
    </style>
</head>

<body>
    <div style="padding-top: 25px;padding-left: 20px;">
        <img src="img/logo.png" alt="">
    </div>
    <div id="login">
        <div class="h2">
            <h2>登录</h2>
        </div>
        <div id='main'>
            <div id="wrong">
                <p id="wronginformation" style="text-align: center; padding-right: 25px;"></p>
            </div>
            <div class="wrapper">
                <div class="input-data">
                    <input type="text" required="" id="usename" />
                    <div class="underline"></div>
                    <label>用户名</label>
                </div>
                <div class="empty"></div>
                <div class="input-data">
                    <input type="password" required="" id="paseword" />
                    <div class="underline"></div>
                    <label>密码</label>
                </div>
            </div>
            <div id="ol">
                <span class="other"><a href=""><img src="img/a.png" alt=""></a></span>
                <span class="other"><a href=""><img src="img/b.png" alt=""></a></span>
                <span class="other"><a href=""><img src="img/c.png" alt=""></a></span>
                <span class="other"><a href=""><img src="img/d.png" alt=""></a></span>
            </div>
            <div style="height: 40px;">
                <input type="checkbox" style="height: 20px;width: 20px;top: 10%;position: relative;" id="keep"><label
                    for="keep">&emsp;保持登录</label>
            </div>
            <div>
                <button id="next" type="submit"> <img src="img/button1.png" alt=""></button>
            </div>
        </div>
        <div style="left: 43%;position: relative; padding-top: 20px;padding-bottom: 30px;">
            <a href="updata.html">无法登录?</a><br><br>
            <a href="create.html" id="create">创建账号</a>
        </div>
    </div>
    <div id="botton">
        <a href="" class="wgjy">支持</a>
        <a href="" class="wgjy">隐私政策</a>
        <a href="" class="wgjy">COOKIE&nbsp;偏好</a>
        <a href="" class="wgjy"></a>
        <P>&copy;2020&nbsp;xx游戏.版权所有</P>
    </div>
    <script src="js/login.js"></script>
</body>

</html>